// pages/detail/detail.js
import {
    HTTP
} from '../../utils/http-promise.js';
let http = new HTTP();
Page({

    /**
     * 页面的初始数据
     */
    data: {
        detail: [],
        showModalStatus:true,//   true是隐藏   false是显示
        other: ["JS基础", "CSS基础", "VUE精讲"],
        others:[
            {id:1,name:"JS基础",price:100,date:1549814400000},
            {id:2,name:"CSS基础",price:200,date:1549814400000},
            {id:3,name:"VUE精讲",price:300,date:1549814400000}
        ]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        let detail = options
        detail.title = decodeURIComponent(detail.title)
        wx.setNavigationBarTitle({
            title: detail.title,
        })
        this.getDetail(detail.id)
    },
    getDetail(id) {
        http.request({
            url: '/detail' //?id='+id
        }).then((data) => {
            this.setData({
                detail: data
            })
        })
    },
    phoneCall() {
        wx.makePhoneCall({
            phoneNumber: '66666',
            success() {
                //可以向后台发送数据，统计打电话的用户
            }
        })
    },
    other() {
        //方法1 使用api展示文字列表
        // let other = this.data.other
        // wx.showActionSheet({
        //     itemList: other,
        //     success(res) {
        //         console.log(other[res.tapIndex])
        //         //输出点击的索引   res.tapIndex
        //     }
        // })
        //方法2 自建结构，展开动画
        //https://developers.weixin.qq.com/miniprogram/dev/api/ui/animation/Animation.html
        const animation = wx.createAnimation({
          duration: 1000,
          timingFunction: 'ease',
        })
        this.animation = animation
        animation.translateY(300).step()//最后要用step执行前面的方法
        this.setData({
            animationData:animation.export(),//export清掉之前的动画
            showModalStatus:false
        })
        setTimeout(function() {
            animation.translateY(0).step()
            this.setData({
                animationData:animation.export()
            })
        }.bind(this), 1000)
    },
    hiddenOther(){
        //隐藏动画
        this.animation.translateY(300).step()//最后要用step执行前面的方法
        this.setData({
            animationData:this.animation.export(),//export清掉之前的动画
        })
        setTimeout(function() {
            this.animation.translateY(0).step()
            this.setData({
                animationData:this.animation.export(),
                showModalStatus:true
            })
        }.bind(this), 1000)
    },
    toComment(){
        wx.navigateTo({
          url: '/pages/comment/comment',
        })
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})